{% extends "../../_basic.twig" %}

{% block header %}
    <script src="../../../src/aux-details/index.js"></script>
    <link rel="stylesheet" href="../../../src/aux-details/index.css?v={{random()}}">
    <script src="../../../src/aux-summary/index.js"></script>
    <link rel="stylesheet" href="../../../src/aux-summary/index.css?v={{random()}}">
{% endblock %}

{% block body %}
    <div>      
        <h3>默认</h3>
        <aux-details>
            <aux-summary>summary</aux-summary>
            <div>content</div>
        </aux-details>
        <h3>open</h3>
        <aux-details open>
            <aux-summary>summary</aux-summary>
            <div>content</div>
        </aux-details>
        <h3>disabled</h3>
        <aux-details disabled>
            <aux-summary>summary</aux-summary>
            <div>content</div>
        </aux-details>
    </div>
{% endblock %}
